.fix-note-editor-in-steedos{
	/*html片段直接放到cms文章的正文代码编辑框中，结果显示效果不对 #1613*/
	/*把bootstrap/less/core.less、bootstrap/less/type.less、steedos-theme/client/core.less部分被其他样式库覆盖的样式强行再加上*/
	pre{
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		padding: 9.5px;
		margin: 0 0 10px;
	}
	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 17.5px;
		border-left: 5px solid #eeeeee;
	}
	h2, .h2 {
		font-size: 22px;
	}
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-weight: bold;
		font-family: Helvetica, Arial, Microsoft Yahei, SimHei;
	}
	p {
		margin: 0 0 10px;
	}

	// fix summernote控件字体大小被其他库样式覆盖了，从bootstrap.css的样式中copy过来
	h1,
	.h1 {
		font-size: 36px;
	}
	h2,
	.h2 {
		font-size: 30px;
	}
	h3,
	.h3 {
		font-size: 24px;
	}
	h4,
	.h4 {
		font-size: 18px;
	}
	h5,
	.h5 {
		font-size: 14px;
	}
	h6,
	.h6 {
		font-size: 12px;
	}
	// 表格样式统一显示为类似saleforce样式效果
	table{
		border: solid 1px #dddbda;
		tr{
			height: auto!important;
			width: auto!important;
			td{
				border-top: 1px solid #dddbda!important;
				border-left: 1px solid #dddbda!important;
				height: auto!important;
				width: auto!important;
				white-space: nowrap;
				padding: .25rem .75rem;
			}
			&:first-child{
				// 因为从excel中copy表格内容进来不带thead/th标签，所以统一把第一行tr/td优化为表头样式
				td{
					background-color: #f4f4f4;
					color: #514f4d;
					font-weight: 700;
				}
			}
		}
	}
}
.note-editor{
	.fix-note-editor-in-steedos
}
.note-editor{
	.note-toolbar{
		// fix summernote控件toolbar样式应该在fix-note-editor-in-steedos代码基础上优化下
		pre{
			padding: 3px 6px 6px 6px;
			margin: 0;
			color: #777;
		}
		blockquote {
			padding: 5px 10px;
			margin: 0;
		}
		h1, .h1, h2, .h2, h3, .h3 {
			margin-top: 0;
			margin-bottom: 0;
		}
		p {
			margin: 0;
			padding: 0 0 3px 0;
		}
		.btn-default{
			// fix 审批王申请单中summernote控件toolbar中的btn-default被重写为透明了
			background-color: #f4f4f4;
			border-color: #ddd;
		}
	}
}
.steedos-html{
	// 审批王html只读字段效果在这里用到
	.fix-note-editor-in-steedos
}
.steedos-html{
	// fix 审批王申请单html字段只读时可能会出现表格溢出
	overflow: auto;
}
.creator_table_cell {
	//flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	&.field-html{
		.cell-container{
			overflow: auto;
			.fix-note-editor-in-steedos
		}
	}

	.cell-container{
		& > a:not(:last-of-type):after {
			content: ",";
		}
	}
	.cell-container {
		/**grid列表字段很多时，列显示异常 #1232
		display: flex;
		flex-wrap: wrap;
		flex: 1;
		**/
		// width: calc(~ "100% - 1.75rem");
		.fulltex {
			margin-right: 10px;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			word-break: break-all;
			white-space: normal;
			overflow: hidden;
		}
		.cellGridContainer {
			border: 1px solid #ddd;
			border-bottom: none;

			td {
				padding-left: 7px !important;
			}

			.dx-data-row {
				td {
					line-height: 25px;
				}
			}
			.dx-datagrid-rowsview{
				&.dx-empty{
					height: auto;
					.dx-datagrid-content{
						table.dx-datagrid-table{
							height: 16px;
						}
					}
					.dx-datagrid-nodata{
						display: none;
					}
				}
			}
		}
		img.creator-table-cell-image{
			max-height: 60px;
			border-radius: 6px;
			margin: 3px 6px 3px 0;
		}
	}
	&>.triggerContainer{
		height: 100%;
		line-height: 100%;
	}
	.editor-preview-side {
		display: flex;
		flex-wrap: wrap;
		flex: 1;
		padding: 0;
		// width: 100%;
		height: auto !important;
		position: inherit;
		background: transparent;
		display: block;
		border: none;
	}
	.slds-button {
		margin-right: 0;
		flex: 0;
	}
}


#creator-quick-form{
	.cell-container{
		.fulltex{
			white-space: pre-line;
		}
		img.creator-table-cell-image{
			max-height: 80px;
		}
	}
	
	.cell-extra-field-container{
		padding-left: 10px;
	}

}

#viewRecordForm {
	.creator_table_cell {
		.cell-extra-field-container {
			float: right;
		}
	}
}